.categoryPage {
    width: 100%;
    .rightIconStyle {
        font-size: 0.9rem;
        color: #fff;
        border-radius: 15%;
        width: 2rem;
    }
    .searchBtn {
        padding: 0 1rem;
    }
    .sideTitle{
        width:28%;
        height: 100vh;
        background: #f7f8fa;
        text-align: center;
        position: fixed;
        left: 0;
        .rv-sidebar-item{
            padding-left: 0;
            padding-right: 0;
        }
        .rv-sidebar-item--select, .rv-sidebar-item--select:active {
            color: #1baeae;
        }
        .rv-sidebar-item--select::before {
            display: none;
        }
    }
    .categoryContent{
        width: 73%;
        padding-left: 28%;
        .categoryName{
            padding: 2rem 1rem;

        }
        // width: calc(~"100vw - 16rem");
        .category{
            display: flex;
            flex-wrap: wrap;
            justify-content: flex-start;
            width: 100%;
            .sigleCategory{
                width: 33%;
                height: 9rem;
                display: flex;
                text-align: center;
                flex-direction: column;
                align-items: center;
                justify-content: center;
                .categoryNameText{
                    padding-top: 1rem;
                }
            }
        }
    }
}